<!--
  ~ Copyright  2012  Ali Ok (aliokATapacheDOTorg)
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~    http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<ui:composition
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        >

    <h:head>
        <title>TRNLTK Web</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link href="/resources/thirdparty/css/bootstrap.min.css" rel="stylesheet"/>
        <ui:insert name="head"/>
    </h:head>

    <h:body>
        <div class="container">
            <div class="navbar">
                <div class="navbar-inner">
                    <span class="brand">TRNLTK</span>
                    <ul class="nav">
                        <li id="navbar-item-index"><a href="index.html"><i class="icon-home"></i> Home</a></li>
                        <li id="navbar-item-settings"><a href="settings.html"><i class="icon-wrench"></i> Settings</a>
                        </li>
                        <li id="navbar-item-help"><a href="help.html"><i class="icon-question-sign"></i> Help</a></li>
                        <li id="navbar-item-about"><a href="about.html"><i class="icon-info-sign"></i> About</a></li>
                    </ul>
                </div>
            </div>
            <div class="page-header">
                <h1>
                    <ui:insert name="page-header">
                        TRNLTK Web
                        <small>Turkish Natural Language Toolkit</small>
                    </ui:insert>
                </h1>
            </div>

            <div class="row">
                <ui:insert name="content"/>
            </div>
        </div>

        <script src="/resources/thirdparty/js/jquery.min.js"></script>
        <script src="/resources/thirdparty/js/bootstrap.min.js"></script>
    </h:body>
</ui:composition>